<template>
  <div class="btns clearfix">
    <SongPlay></SongPlay>
    <SongAdd></SongAdd>
    <SongCollect></SongCollect>
    <SongShare></SongShare>
    <SongDownload></SongDownload>
    <SongCommentNunber></SongCommentNunber>
  </div>
</template>

<script>
import SongPlay from "@/encapsulation/pageSongFn/SongPlay.vue";
import SongAdd from "@/encapsulation/pageSongFn/SongAdd.vue";
import SongCollect from "@/encapsulation/pageSongFn/SongCollect.vue";
import SongShare from "@/encapsulation/pageSongFn/SongShare.vue";
import SongDownload from "@/encapsulation/pageSongFn/SongDownload.vue";
import SongCommentNunber from "@/encapsulation/pageSongFn/SongCommentNunber.vue";

export default {
  name: "SongPage",
  components: {
    SongPlay,
    SongAdd,
    SongCollect,
    SongShare,
    SongDownload,
    SongCommentNunber,
  },
};
</script>

<style scoped lang="less">
.btns {
  margin-bottom: 25px;
  margin-right: -10px;
}
</style>
